html{-webkit-text-size-adjust:none; }
body {font-size: 12px; color: #707070; font-family: "微软雅黑", "Microsoft JhengHei",STHeiti,Georgia, "Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Helvetica, Arial, sans-serif; line-height: 22px; }
body.ucBody{ background: url(/public/images/default/bg.png) repeat left top; }
a, a:visited { text-decoration: none; color: #707070;}
a:hover { text-decoration: underline; color: #008ebd; }
*:focus { outline: none; }
.black { color: #000 !important; }
.show { display: block; }
.hide { display: none; }
.clearfix { clear: both; display: block; }
.container { width: 730px; margin: 0px auto; }
.black-txt { color: #0f0f0f; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.txt-grey { color: #808080; }
.txt-blue, a.txt-blue { color: #008ebd; }
a.blue-btn { display: inline-block; padding: 3px 20px ; background-color: #008ebd; line-height: 20px; color: #fff; }
hr.grey-line { border: 0px; border-bottom: 1px #D9D9D9 solid; }
    /*header css start*/
	@media only screen and (min-width:960px){
	div.wapHead,.wapPage,.wap_classify,#overflow .toolbar,#overflow,#overflow .selectBox{ display:none;}
    div.header { background:#fff; }
        div.header-box { width: 980px; margin: 0px auto; position: relative; }
            div.logo { display: inline-block; float: left; padding:23px 0 24px 0;}
            div.logo img{ padding-top: 3px; float: left; }
            div.logo span { display: inline-block; line-height:16px; font-size: 12px; color: #008EBD; margin-left:20px; padding-top:5px;}
            div.browser { display: inline-block; float: left; position: relative; }
			div#browser{ background:url("/public/images/default/navIcon.png") no-repeat scroll 85px 30px transparent;}
            div.navmenu {display: inline-block; float: left; text-align: right; margin-left: 50px; position: relative; width:980px; margin:0 auto;}
            div.navmenu a { display: inline-block; padding: 0px 18px; line-height: 50px; font-size: 20px; width: 62px; text-align: center; float: left; text-decoration: none; color: #ffffff; font-family:"华文细黑"; }
            div.navmenu div.profile { display: inline-block; position: relative; }
            div.navmenu a.my-profile { background: url(/public/images/default/icons.png) no-repeat 0px -881px; padding-left: 50px; }
            div.navmenu span.search-wrap { background:url(/public/images/default/icons.png) no-repeat 0px -71px; height: 33px; width: 160px;display: inline-block;  padding: 15px 15px 15px 18px; text-align: left; float: left; position: relative; }
            div.navmenu span.search-wrap a {position: absolute; right: 9px; bottom: 21px; height: 23px; width: 15px; float: none;}
            div.navmenu span.search-wrap a { background: none; border: none; }
            div.navmenu span.gray-line { display: inline-block; width: 1px; height: 21px; margin-top:16px; font-size: 12px; float: left; background-color: #828282; }
			div.navmenu span.uname{display: inline-block; float:left;}
			div.navmenu span.uname img{ width:31px; height:31px; overflow:hidden; vertical-align:middle; float:left; padding-left:10px; margin-top:10px;}
			div.navmenu span.uname a embed{ width:11px; height:11px; background:url("/public/images/default/tipIcon3.png") no-repeat; display:inline-block; margin-top:12px;}
            div.navmenu a.nav-see { display: inline-block; }
            dl.sub-navmenu dt b { background: url(/public/images/default/sjicon.png) no-repeat; display: block; width: 12px; height: 8px; position: absolute; top: 0px; left: 45px; }
            div.navmenu a.my-profile:hover, div.navmenu div.active a, div.navmenu a.active, div.navmenu a:hover { color: #008ebd; }
            div.navmenu div.active a b, div.navmenu a:hover b, div.navmenu a.active b{ background: url(/public/images/default/icons.png) no-repeat -49px 1px;}
                dl.sub-navmenu { border-right:1px solid #ccc; background-color: #303030; opacity:0.5; color:#FFF; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33000000, endcolorstr=#33000000); overflow: hidden; width: 100%; position: absolute; top: 50px; z-index:999; display: none; 
                -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);
                -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);
                box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.10);
             opacity:0.5;}
                div#browser dl.category-list {width: 158px; } 
                dl.sub-navmenu dd { text-align: left; overflow: hidden; border-left: 1px #454444 solid; padding-top:10px;}
                dl.sub-navmenu dd.fixed-list { width: 140px; padding-top: 10px; border-left: none; }
                    div.up { border-bottom: 1px #454444 solid; padding-bottom: 10px; }
					div.navmenu dl.sub-navmenu dd.fixed-list div.up a, div.navmenu dl.sub-navmenu dd.fixed-list div.down a { font-size: 14px;  text-align: center; display: block; }
                    div.navmenu dl.sub-navmenu dd.fixed-list div.down a.space, div.navmenu dl.sub-navmenu dd.fixed-list div.up a.space { margin-bottom: 15px; }
                    dl.sub-navmenu dd.last {  border-right: 1px #454444 solid; }
                    div.navmenu dl.sub-navmenu dd a { background: none; border-bottom: none; color: #fff; line-height: 30px; display: block; float: none; clear: both; text-align: left; text-decoration: none; font-size: 16px; padding:0; }
                    div.navmenu dl.sub-navmenu dd.items a { width:158px; clear: none;text-align: center; color: #fff; padding:5px 0; }
                    div.navmenu dl.sub-navmenu dd.items a:hover { background-color: #008ebd; color: #fff; }
                    div.navmenu dl.sub-navmenu dd.fixed-list a { font-size: 12px;  margin: 0px; }
                    div.navmenu dl.sub-navmenu dd a.first { margin-bottom: 20px; margin-top: 5px; }
                    div.navmenu dl.sub-navmenu dd a.news { width: 98px;}
                    div.navmenu dl.sub-navmenu dd a:hover { background: none; border-bottom: none; color:#008ebd; text-decoration: none; }
                    div.navmenu div.profile dl.sub-navmenu dd a { padding-left: 20px; text-align: left; }
    /*header css end*/
    /*main css start*/
    div.main { width:980px; margin: 40px auto 0px; margin-bottom: 20px; overflow: hidden; }
        div.banner { margin-bottom: 25px; width:980px; height:350px; overflow: hidden; position: relative; }
        div.banner-img-box { position: relative; }
        div.banner-img-box p.mask, div.banner-img-box p.title {position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 40px;  text-align: right; padding-right: 20px; line-height: 40px; width: 960px; }
        div.banner-img-box p.title a { color: #fff; font-size: 22px;}
        div.banner-img-box p.mask { background: #000; filter: alpha(opacity=20); opacity: 0.3; }
        div.banner img { width:980px; height: 325px; 
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.30);
            -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.30);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.30);
		}
        #slide { height:335px; overflow: hidden; }
            .slideshow-progress-bar-wrap { position: relative; width: 100%; }
                .slideshow-progress-bar { width: 100%; position: relative; border-top: 1px solid #ccc; }
                .slideshow-progress-bar:hover{ cursor:pointer; }
                    .pagerLink { float: left; position: relative; height: 30px; padding-top: 5px; font-family: 'Avenir Regular'; font-size: 11px; }
                    .pagerLink div:hover{ cursor:pointer; }
                    div.highlight-bar { position: absolute; z-index: 10; background: #008ebd; height: 5px; top: -2px; }
            a#pre { display: inline-block; width: 42px; height: 42px; position: absolute; top: 40%; left: 8px; background: url(/public/images/default/icons.png) no-repeat -6px -105px; z-index: 99; }
                p.icons { border-top: 1px #e0e0e0 solid; padding-top: 10px; margin: 0px auto; height: 30px;  background-color: #F7f7f7; }
                p.icons span { background: url('/public/images/default/icons.png') no-repeat 0px 0px; display: inline-block; height: 23px; line-height: 25px; margin-right: 3px; float: right; width: auto !important; min-width: 16px; *width: 16px; }
                div.text p.icons span.date { display: inline-block; margin-left: 10px; }
                div.text p.icons span.comments { display: inline-block; }
                p.icons span.date { background-position:  -338px -571px; padding-left: 1px; float: left; margin-left: 12px; padding-top: 2px; }
                p.icons span.date b { font-size: 9px; display: inline-block; margin-right: 9px; margin-left: 7px; font-weight: normal; }
                p.icons span.cart { background-position: -12px -217px; }
                p.icons span.clicks { background-position:  -164px -571px; padding-left: 24px; margin-top: 3px; line-height: 20px; }
                p.icons span.comments { background-position: -211px -571px; padding-left: 24px; margin-right: 5px; margin-top: 3px; line-height:20px;}
                p.record-info { text-align: right; }
                p.record-info span.comments { margin-right: 0px; }
                p.icons span.music { background-position: -291px -568px; }
                p.icons span.vadio { background-position: -257px -569px; }
                p.active span.comments { background-position: -211px -602px; }
                p.active span.clicks { background-position: -164px -602px; }
                p.active span.date { background-position: -338px -601px; }
                p.active span.cart { background-position: -338px -601px; }
                p.active span.music { background-position: -291px -600px; }
                p.active span.vadio { background-position: -257px -602px; }
        div.pages { margin-bottom: 20px;padding-top: 25px; text-align: center; position: relative; }
            a.pre-page, span.pre-page { display: inline-block; border-left:1px solid #c5c5c5;}
            a.next-page, span.next-page {  display: inline-block;  }
        div.pages span, div.pages a { display: inline-block; padding: 10px 20px; color: #666; font-size: 12px; text-align: center; border-top:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5;}
        div.pages a:hover { color: #66cccc; }
        div.pages span.current {-moz-box-shadow:inset 0 0 2px #999;            
-webkit-box-shadow:inset 0 0 2px #999;         
box-shadow:inset 0 0 2px #999;  }
        div.pages span.disabled { border-left:1px solid #c5c5c5; }
    /*main css end*/
    /*footer css start*/
            p.copyright {font-size: 12px; }
        div.vendor h2{ text-align: center; font-weight: normal; font-size: 22px; margin-bottom: 10px; line-height: 10px; }
        div.vendor ul li { width: 106px; float: left; }
        div.vendor ul li.weixing { position: relative; }
        div.vendor ul li.weixing div.qrcode { top: -204px; right: -9px; }
        div.vendor ul li.last { width: 96px; float: left; }
        div.vendor ul li span { display: block; }
        div.vendor a { display: inline-block; margin-left: 8px; background: url(/public/images/default/icons.png) no-repeat left top; width: 42px; height: 40px; text-indent: -99999em; }
        div.vendor ul li a.txt { background: none; margin: 0px; text-indent: 0;width: 50px; }
        div.vendor ul li a.last { background: none; margin: 0px; text-indent: 0;width: 40px; }
        div.vendor a.weibo { background-position: 0px -196px; }
        div.vendor a.weibo:hover { background-position: 0px -268px; }
        div.vendor a.tx { background-position: -100px -196px; }
        div.vendor a.tx:hover { background-position: -100px -268px; }
        div.vendor a.weixing { background-position: -190px -196px; }
        div.vendor a.weixing:hover { background-position: -190px -268px; }
        div.vendor a.rss { background-position: -280px -196px; }
        div.vendor a.rss:hover { background-position: -280px -268px; }
    /*footer css end*/
    .go-top { position: fixed; bottom: 88px; right: 20px; height: 70px; display: none; }
    .go-top a{height:40px;overflow:hidden;width:64px;display: inline-block;cursor:pointer; background:url('/public/images/default/icons.png') no-repeat -1px -473px;}
    p.support { font-size: 12px; font-weight: normal; }
    /*detail page css start*/
    .record-box { background-color: #fff; overflow: hidden; margin-bottom: 40px;  }
    .left { width: 512px; float: left; }
        
        .record-box p.icons { border: none; width: 100%; padding-left:0; padding-bottom:10px; background:0 none;}
        p.icons a.tags { font-weight: 700; }
        p.record-info { color: #bbb; background: #fff; height: 24px; }
            p.record-info span.date  { margin-left: 0px; }
            span.clicks { display: inline-block; float: right; padding-left: 26px;}
            span.comments { display: inline-block; float: right; padding-left: 26px; }
            p.record-info span.date { background: none; }
        div.tags-share { color: #bbb; margin-bottom: 20px; text-align: left; overflow: hidden; }
            div.tags { overflow: hidden; }
            div.share { float: right; /*width: 240px; */}
            div.share span { float: left; display: inline-block; line-height: 15px; }
        div.share-icons-big { margin-bottom: 20px; height: 40px;}
        div.adv-pic { margin-bottom: 20px; background-color: #ccc; height: 80px; width: 630px; overflow:hidden; }
            div.adv-pic img { width: 630px; }
        div.author-box { margin-bottom: 20px; border-top: 1px #ccc solid; border-bottom: 1px #eee solid; overflow: hidden; padding: 5px 25px 5px 40px; position: relative; }
        div.author-box p { color: #ccc; }
            div.author-box p strong { font-size: 24px; color: #000; display: inline-block; margin: 10px; }
            div.author-box p span { padding-top: 16px; display: inline-block; }
            div.author-box p a { color: #ccc; }
            div.avator { width: 92px; float: left; position: relative; height: 87px; overflow: hidden; margin-right: 70px; }
                .border {  background: url(/public/images/default/avator-border.png) no-repeat; width: 100px; height: 100px; position: absolute; top: -7px; left: -2px; z-index: 9;}
            div.avator img { width: 92px; height: 87px; }
            div.author-info { width: 320px; float: left; padding-top: 10px; }
                div.author-info p { line-height: 16px; }
            div.weibo-box { width: 100px; float: right;}
                .add-weibo { position: absolute; top: 15px; right: 53px; }
            div.qrcode { position: absolute; z-index: 99999; display: none; top: -199px; right: 94px;  }
        div.comment-box h2 a { font-size: 14px; display: inline-block; padding-left: 20px; padding-top: 5px; font-weight: normal; }
    .right { width: 168px; float: left; }
    div.d-main { width: 980px; margin-top:45px; }
	/*.ucnterGray div.d-main{ background:#fff;}*/
    div.d-left { width:680px;}
	div.white-body{ text-align:left;}
    div.d-right { width:250px; float:right; text-align:right;}
    .recommend-box h1.title { text-align: center; font-size: 16px; font-weight: 700; margin: 35px 0px 10px; color:#ee7361;}
    div.d-right div.tags { width:auto; }
    .recommend-list li { border: 1px #ccc solid; position: relative; width: 240px; text-align: center;margin: 20px auto 58px auto; }
        .recommend-list li a { display: block; overflow: hidden; height: 185px; }
        .article-recommend li a { height: 213px; overflow: hidden; }
        .recommend-list li a img { height: 300px; }
        .recommend-list li span { display: inline-block; position: absolute;
            background-color: #fff;
            font-weight: 700;
right: 10px;top: 10px;font-size: 16px;padding: 0px 8px;
height: 28px;line-height: 28px;font-weight: 700;color: #878787;}
		.i-goods-list .item { width:250px; margin-right:0; float:right; background:0 none; position:relative;}
		.i-goods-list .item img.pic{ width:250px; height:250px; overflow:hidden;}
        .like-list .item { width:228px; margin-right:22px;float: left}
		.like-list .item-4{margin-right:0;}
		 .like-list .item p{ color:#a5a5a5; line-height:22px; font-size:14px; letter-spacing:2px;}
        .like-list .item-3 { margin-right: 0px; }
        .like-list .item a.pic-box { display: block; overflow: hidden;  background:#e8e8e8; }
        .like-list .item a.pic-box img { width:250px;  }
    /*detail page css end*/
        .overlay { position: absolute; z-index: 20; width:230px; height: 100%; display: none; left: 0; cursor: pointer; background: url(/public/images/default/overlay.png) repeat; }
    .c-content { background-color: #E9E9E9; }
    .left-siderbar { width: 176px; float: left;  background-color: #fff;}
        .left-siderbar ul li { border-right: 4px #f2f2f2 solid; }
        .left-siderbar ul li.active { border-right: 4px #008ebd solid; }
        .left-siderbar ul li a { border-bottom: 1px #f2f2f2 solid; display: block; height: 60px; line-height: 60px; text-align: center; font-size: 16px; text-decoration: none; }
    .c-right { width: 707px !important; float: right; background-color: #fff;   padding: 0px 40px 0px 40px; height: auto !important; min-height: 495px; *height: 495px; }
    .form-box { width: 682px;height: auto !important; min-height: 487px; *height: 487px; float: left !important;}
        .form-box label { display: block;  margin-bottom: 10px; }
        h2.title { color: #666; font-size: 18px; line-height: 30px; margin: 20px 0px 30px; border-bottom: 1px #F7f7f7 solid; }
                h2.title span { font-size: 12px; color: #ccc; display: inline-block; padding-top: 2px; margin-left: 20px; font-weight: normal; }
                .field-box { width: 503px; }
                    .grey-border { border: 1px #d9d9d9 solid; }
                   
                    .txt-textarea { height: 210px; width: 492px; padding: 5px; }
                    p.buttons { text-align:center; padding-right: 210px; margin-bottom:50px; }
    /*contact-us page*/
    .contact-us-box p { margin-bottom: 20px; padding-left: 25px; }
    .contact-us-box p strong { display: block; margin-right: 20px;  margin-left: 10px; }
        .contact-us-box p strong sub{ display: inline-block; margin-left: 25px;  font-size: 12px; font-weight: normal; color: #707070;  }
        .contact-us-box p.email strong sub { margin-left: 20px; }
        .contact-us-box p.qq { margin-bottom: 50px; }
    .contact-us-box p span{ background: url(/public/images/default/icons.jpg) no-repeat; width: 60px; height: 60px; display: inline-block; float: left; margin-right: 15px; }
     .contact-us-box p span.weibo { background-position: -10px -162px; }
     .contact-us-box p span.tx { background-position: -84px -162px; }
     .contact-us-box p span.weixin { background-position: -160px -162px; }
    /*friendlink-list*/
     .link-box { overflow: hidden; }
    div.a-content { background-color: #f2f2f2;}
    /*post to us*/
    #post-dialog { position: absolute; z-index: 999999999; background-color: #fff; overflow: hidden; padding-top: 20px; height: 350px; width: 500px; }
        div.post-form { width: 240px; float: left; margin-right: 10px;}
        div.post-form input { margin-bottom: 10px; }
        div.post-form textarea.txt-textarea { width: 220px; }
        div.post-form p { text-align: center; }
        div.post-txt { width: 240px; float: left; background-color: #DEDEDE; min-height: 305px; }
        /*brand-icons*/
        .brand-icons { display: inline-block; float: right; /*height: 22px;*/ overflow: hidden; text-align: right; padding-right: 10px; }
        .left-title-font .brand-icons { padding-top: 5px; }
            .brand-icons a { 
                background: url(/public/images/default/brandIcons.png) no-repeat 0px 0px;
                padding-left: 23px;
                font-size: 12px;
                font-weight: normal;
                line-height: 22px;
                margin-left: 4px;
                height: 21px;
                display: inline-block; 
                text-decoration: none;
            }
            .brand-icons a.share:hover { background-position: -1px -2px; }
            .brand-icons a.total-goods { background-position:-16px -10px; }
			.brand-icons a.total-goods:hover{ background-position:-16px -40px;}
            .brand-icons a.total-sale { background-position: 0px -135px; }
            .brand-icons a.total-sale:hover { background-position: 0px -112px; }
            .brand-icons a.total-like { background-position:-69px -11px;}
			.brand-icons a.total-like:hover{ background-position:-69px -41px;}
			.brand-icons a.jtico_jiathis { background-position:-123px -10px;}
			.brand-icons a.jtico_jiathis:hover { background-position:-123px -39px;}
/* fix bootstrap css code*/
            div.modal { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
            div.dialog-box { width: 450px; }
            div.dialog-box h3 { font-size: 32px; color: #000; letter-spacing:2px; font-family:"黑体"; background:url(/public/images/default/loginLine.png) no-repeat scroll bottom center transparent; }
            div.dialog-box h3 span { display: inline-block; margin-left: 40px; color: #808080; font-size: 14px; font-weight: normal; }
            div.dialog-box hr { border: none; border-bottom: 1px #eeeeee solid; }
			 div.dialog-box .modal-header p{ font-family:"黑体"; color:#535353; margin-top:30px; font-size:14px;}
            div.dialog-box label { display: inline-block; width: 80px;  line-height: 20px; font-size: 14px; text-align: right; }
            div.dialog-box input.txt-input { height: 28px; line-height: 28px; border: 1px #bfbfbf solid; width:480px; float:left;}
            div.dialog-box p.buttons { text-align: right; margin: 20px 0px 0px 0px; overflow: hidden; }
            div.dialog-box p.buttons, div.dialog-box p.tools { padding: 0px; }
            div.dialog-box p.buttons a.blue-btn { line-height: 35px; font-size: 18px; text-align: center; display: block; }
                p.reg-buttons span { display: inline-block; float: left; padding-top: 27px; }
                p.reg-buttons span a { color: #008ebd; font-weight: 700; }
            div.dialog-box p a.f-r { display: inline-block; float: left; margin-left:80px; color:#80c6e0;}
            .birthday-picker { display: inline-block; padding: 0; border: 0; }
            .nav-tabs li a { font-size: 18px; color: #ccc; }
            .modal-header { border-bottom: none; }
            .login-form h3 { padding: 10px 8px; }
            .their-like { clear: both; overflow:hidden;}
            .their-like li{ display:inline-block; width:60px; height:60px; border-bottom:1px solid #f8f8f8;border-left:1px solid #f8f8f8; background:#e6e6e6; margin:0 5px 12px 0; float:left;}
			.their-like li a{ display:inline-block;}
			.their-like li a img{width:60px; height:60px; overflow:hidden;}
            .comment-box { margin-bottom: 15px; }
    /*index css page start */
    .part { width: 730px; margin: 0px auto; }
    .part .item { margin-right: 19px; }
    a.more { display: inline-block; float: right; font-size: 12px; }
    .part h2.title { font-size: 24px; font-weight: 400; line-height: 28px; color: #000; margin:0px 0px 30px; padding: 0px; border-bottom: none; }
    .big-nav-box { background-color: #fff; }
        .p-t-b { padding: 35px 0px 40px; }
        .big-nav-list li { float: left; width: 242px; text-align: center; }
        .big-nav-list li h3 { margin: 25px 0px; font-weight: 400; }
        .big-nav-list li h3 a { display: block; color: #000; font-size: 18px; }
        .big-nav-list li p { line-height: 20px; }
    .recommen-article-box { background-color: #f5f5f5; }
    .hot-goods-box {background-color: #fff; }
    .recommend-article-box .item, .hot-goods-box .item { margin-bottom: 2px; }
    .hot-goods-box .item { width: 230px; height: 297px; }
    .part .jcarousel-skin-tango .jcarousel-clip { width: 730px; overflow: hidden; }
    .part .jcarousel-skin-tango .jcarousel-next-horizontal { background: transparent url(/public/images/default/icons.png) no-repeat -81px -105px; }
    .part .jcarousel-skin-tango .jcarousel-prev-horizontal { background: transparent url(/public/images/default/icons.png) no-repeat -6px -105px; }
	.part .jcarousel-skin-tango1 .jcarousel-clip { width: 730px; overflow: hidden; }
    .part .jcarousel-skin-tango1 .jcarousel-next-horizontal { background: transparent url(/public/images/default/icons.png) no-repeat -81px -105px; transition:scale 1s linear;}
    .part .jcarousel-skin-tango1 .jcarousel-prev-horizontal { background: transparent url(/public/images/default/icons.png) no-repeat -6px -105px; transition:scale 1s linear;}
	.part .jcarousel-skin-tango1 .jcarousel-prev-horizontal:hover{transform:scale(1.5)}
	.part .jcarousel-skin-tango1 .jcarousel-next-horizontal:hover{transform:scale(1.5)}
    .i-brand-list li { width: 170px; float: left; margin-right: 16px; overflow: hidden; height: 170px; }
    /*goods index page css start*/
    .sidebar { width: 212px; float: left; margin-right: 12px; background-color: #fcfcfc; overflow: hidden; padding-bottom: 27px; padding:0 8px;}
        .cat-title { font-size: 18px; font-weight: 400; text-align: left;  height: 40px; line-height: 40px; }
		.cat-title a{color:#ed745f;}
        .color-list, .cat-list { overflow: hidden; padding-top: 5px; text-align:center; }
        .cat-list li { width:64px; float: left; margin: 0px 3px 6px 3px; position: relative; overflow: hidden; }
        .cat-list li.cat-2  { margin-right: 0px; }
        .cat-list li a { display: block; }
        .cat-list li a img { width: 61px; height: 69px;  border: 1px #e0e0e0 solid;}
        .cat-list li span.black-border { position: absolute; top: 0px; left: 0px; display: none; }
        .cat-list li a.current span, .cat-list li a:hover span { display: block; width: 60px; height: 69px;border: 2px #80c6df solid; }
        .feature-title { font-size: 16px; font-weight: 400; line-height: 28px; margin-top: 13px; color: #333; padding: 0px 10px; }
        .brand-list-box, .holiday-box { padding: 7px 10px 0px 10px; }
        select.grey-select { border: 1px #ccc solid; height: 28px; line-height: 24px; padding-left: 3px; width: 180px; color: #333; background: url(/public/images/default/select-arrow.png) no-repeat right center; -webkit-appearance:none; }
    .goods-list-box { width: 740px; float: right; }
        .tool-box.tool-box { background:#fafafa; padding:15px 0; color: #333; text-align: center; overflow:hidden; margin-bottom:30px;}
            .tool-box a, .tool-box span  { display: inline-block; padding: 0px 12px; }
            .pages-box span.cur-page { padding: 0px; }
            .sort-box { width: 450px; float: left; text-align: left; }
            .sort-box span { color: #ed745f;  border-right:1px solid #eaeaea; }
            .tool-box a { color: #333; text-decoration: none; border-right:1px solid #eaeaea; }
            .tool-box a:hover { color: #008ebd; }
            .s-tags-box { width: 175px; margin: 0px auto; margin-top: 25px; }
            .tag-item-box{margin-top:7px;}
            .tag-item-box span { width: 31.5%; display: inline-block; }
            .color-list li { width: 25px; height: 25px; float: left; overflow: hidden; margin: 5px 10px 6px 0px; position: relative; border:1px solid #d6d6d6;}
			.color-list li a img{ width:23px; height:24px;}
            .color-list li a { display: block; width: 100%; height: 100%; }
            .color-list li a span { display: none; width: 23px; height: 23px; border: 1px #000 solid; position: absolute; top: 0px; left: 0px; }
            .color-list li a.current span, .color-list li a:hover span { display: block; }
        .index-goods-list .item { margin-bottom: 36px; }
        .index-goods-list .item p.goods-icons { margin-top: 0px; }
    /*goods index page css end*/
        /*fix css start*/
        .article-recommend li { margin-bottom: 35px; }
        /*fix css  end*/


        .xg-useredit{
            width: 720px;
            float: left;
            background-color: #fff !important;
        }

	}
	            div.content { margin-bottom: 20px; color:#393939; overflow: hidden; font-size: 16px; line-height: 24px; font-family: '宋体';}
			div.content a{color:black;text-decoration:underline;}
            div.content p{ padding:5px 0;}
           /* div.content img { margin-bottom: 20px; }*/
	.field-box { border: 1px #d9d9d9 solid; margin-left: 18px; padding: 15px 10px 10px ; margin-bottom: 10px; background: url(/public/images/default/form-bg1.jpg) left top repeat-x; border-top: none; background-position: -2px 0px; }
	 .txt-input { height: 20px; line-height: 18px; width: 220px; padding: 5px; }
	 #submit-btn {background:#29aae3; font-size:16px;border-top:1px solid #94d6f0; padding:8px 20px;}
	 ul.friendlink-list { overflow:hidden; margin-top:30px;}
     ul.friendlink-list li { width: 75px; height: 75px; float: left; margin-right: 20px; position: relative; overflow: hidden; }
     ul.friendlink-list li img{ width:75px; height:75px;}
    ul.friendlink-list li span.link-border { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background: url(/public/images/default/link-border.png) no-repeat -7px -17px; } 
    ul.friendlink-list li a.add-link { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background: url(/public/images/default/link-border.png) no-repeat -118px -17px;} 
			a#submit-btn:hover{ text-decoration:none;}
	/*#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 100px;
	right: 50px;
	overflow: hidden;
	height: 44px;
	border: none;
	width:59px;
	text-indent: 100%;
	background: url("/public/images/default/iconsTop.png") no-repeat scroll -1px -473px rgba(0, 0, 0, 0);*/
}
	 div.fellow-us { margin-bottom: 20px; border-bottom: 1px #ccc solid; zoom: 1; height: 90px; color: #1e9bc7; position: relative; }
            div.fellow-us div.vendor { padding-top:20px; width: 435px; float:right;}
            div.fellow-us div.vendor a { display: inline-block; width: 50px; height:50px; text-indent: -99999em; margin-right:40px;float: left; }
            div.fellow-us div.vendor a.weibo { background: url(/public/images/default/wbTip.png) no-repeat left top; }
            div.fellow-us div.vendor a.tx { background: url(/public/images/default/wbTip2.png) no-repeat left top; }
            div.fellow-us div.vendor a.weixing { background: url(/public/images/default/wxTip.png) no-repeat left top; }
            div.fellow-us div.vendor a.rss { background: url(/public/images/default/wxTip2.png) no-repeat left top; margin-right:0; }
            div.fellow-us span { display: inline-block; padding: 25px 0px 0px 100px; text-align: right; font-weight: 700; }
 a#next { display: inline-block; width: 42px; height: 42px; position: absolute; top: 40%; right: 8px; background: url(/public/images/default/icons.png) no-repeat -81px -105px; z-index: 99; }
        .item-list { overflow:hidden;}
        .xg-columns{columns:310px 3; -webkit-columns:310px 3; -moz-columns:310px 3;}
            .item { width:310px; overflow: hidden; margin-bottom: 30px; /*background-color: #fcfcfc;*/}
			.infinite_scroll .item-3{ margin-right:0;}
          a.pic-box { display: inline-block; }
                img.pic { width:310px;}
                div.text { overflow: hidden;}
                h3.title { color:#008fbb; font-weight:normal; margin: 0px; line-height: 22px; padding:12px 0; text-align: left; font-size:16px; font-style:normal; }
				div.text h3.title{ text-align:center; font-size:16px;padding:12px 3px;}
                h3.title a { font-weight: 700; color: #008ebd; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
                p.desc { margin: 0px auto; padding: 0px 15px 0px 15px; overflow: hidden;line-height: 25px; }
                p.desc a { text-decoration: none; }
				div.like-box h2.title { font-size: 18px; font-weight: normal; text-align: left; line-height: 34px; margin-bottom: 10px; border-bottom: none; color:#ee745f;margin-top:0; }
				        div.d-left h1.title { margin-top: 20px; }
		h1.title { font-size: 24px; line-height: 36px; color: #505050}
		.tab-pane select, select.type { background: url(/public/images/default/icons.png) no-repeat 116px -724px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 38px; line-height: 36px; border: 1px #ccc solid; width:160px; font-size: 18px; padding-left: 5px; color: #999; }
            .tab-pane select { width: 100px; background-position: 56px -725px !important;-webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 20px; font-size: 14px; font-weight: normal; }
            .tab-pane select.sex { width: 100%; background-position: 296px -725px !important;-webkit-appearance: none; -moz-appearance: none; appearance: none; }
            .tab-pane select.birth-day { margin-right: 0px; }
            div.profile-box label { color: #000; }
            div.tab-pane p.buttons a.blue-btn { height: 35px; font-size: 18px; line-height: 35px; padding: 2px 0px; }
			.big-brand-icons { padding-right: 16px; }
            .big-brand-icons a { line-height: 24px; padding-left: 22px; margin-right: 8px; background: url(/public/images/default/brand-tools-icons.png) no-repeat; display:inline-block; height:21px; }
            .brand-icons a.big-total-share { background:url(/public/images/default/shareIcon2.png) no-repeat;}
            .brand-icons a.big-total-goods {background:url(/public/images/default/brandIcon.png) no-repeat; }
            .brand-icons a.big-total-goods:hover { background-position: 0px 0px; }
            .brand-icons a.big-total-like { background:url(/public/images/default/brandIcon2.png) no-repeat; }
			div.dialog-box .dialogMain{ width:755px; margin:30px 110px;}
			div.dialog-box .serviceTerm{ height:50px; line-height:50px; border-top:1px solid #f5f5f5; background:#f2f2f2;}
			div.dialog-box .serviceTerm span a{ color:#4d4d4d; font-size:14px; padding-right:35px;}
            div.dialog-box { width:auto; left: 38%; text-align:left;}
            /*div.dialog-box div.modal-header, div.dialog-box h3 { padding:12px 0; }*/
			div.dialog-box div.dialog-box-body p{ margin-bottom:15px; overflow:hidden;}
			div.dialog-box div.dialog-box-body p.tools a.blue-btn{ margin-left:230px; background:#e6e6e6; color:#595959; font-size:16px; padding:10px 20px; border:1px solid #d9d9d9;}
			div.dialog-box div.dialog-box-body p.tools a.blue-btn:hover{ background:#e2e2e2;}
			div.dialog-box div.dialog-box-body #reg-form p.tools a.blue-btn{ margin-left:370px;}
			div.dialog-box div.dialog-box-body p.tools a.blue-btn:hover{ text-decoration:none;}
            div.dialog-box div.dialog-box-body { padding: 0px; max-height: 800px; }
            div.dialog-box div.dialog-box-body p label { display:inline-block; text-align: right; float:left; line-height: 30px; }
            div.dialog-form { padding: 0px; }
            div.dialog-box p.tools { padding: 0px; margin: 15px 0px; line-height: 26px; }
            div.profile-box { padding: 0px 0px 20px 0px;}
            div.profile-box div.modal-header { padding: 0px; }
            div.profile-box div.dialog-box-body { padding: 0px 30px 0px; }
            div.profile-box ul.member-menus { margin-bottom: 10px; }
@media only screen and (max-width:959px){
	body{padding:0;}
	/**WAP首页**/
	div.wapHead{ width:100%; height:45px; background:#595959; border-bottom:1px #b1b1b1; border-bottom:1px solid #ccc; margin-bottom:10px; position:relative; text-align:center;}	
	div.wapHead .searchBtn{ background:url('/public/images/default/searchBtn.png') no-repeat; width:30px; height:30px; position:absolute; right:1%; top:15px; cursor:pointer;}
	div.wapHead .wapLogo{ padding-top:12px;}
	div.wapHead .wapLogo h2{ color:#fff; font-size:26px;}
	div.header,div.fow_box,div.slider-box,div.row_box p.rowTips{ display:none;}
	div.big-nav-box{ width:92%; margin:0 auto;}
	div.row_box{ width:100%; margin:0 auto;}
	.designerS{ width:100%;}	
	/*#toTop {display: none;text-decoration: none;position: fixed;bottom: 50px;right: 30px;overflow: hidden;height: 44px;border: none;text-indent: 100%;background: url("/public/images/default/iconsTop.png") no-repeat scroll -1px -473px rgba(0, 0, 0, 0);}*/
	/**wap读设计**/
	div.banner{ display:none;}
	.item{ width:100%; float:none; margin-right:0; margin-bottom:30px;}
	img.pic{ width:100%;}
	a.pic-box{ display:block;}
	.item-list{ width:100%; margin:0 auto;}
	h3.title { padding:20px 0;}
	p.desc a{ color:#808080; font-size:1.2em; text-align:justify;}
	.pages{ display:none;}
	.wapPage{ width:92%; margin:0 auto; height:50px; line-height:50px; background:#f7f7f7;}
	.wapPage span{ display:inline-block; width:49%; text-align:center; color:#008ec0; font-size:1.1em; cursor:pointer;}
	.wapPage span.pre{ border-right:1px solid #b9b9b9; color:#666;}
	.recommend-box{ display:none;}
	.record-box,.like-box{ width:92%; margin:auto;}
	div.fellow-us{ width:100%; margin:0 auto;} 
	div.fellow-us span{ width:18%; padding-left:0;font-size: 12px;}
	div.fellow-us div.vendor{ width:80%;}
	div.fellow-us div.vendor a{ margin-right:4%;}
	.like-box .item{ width:48%; float:left; display:inline-block; margin:1%;background-color: #fff;}
	.like-box .item-2,.like-box .item-4{ margin-right:0;}
	div.profile-box div.modal-header{ border-bottom:0 none;}
	div.profile-box div.dialog-box-body{ margin-top:20px;}
	.wap_classify h3{ width:100%; background:#f7f7f7; font-weight:normal;font-size:13px;}
	.wap_classify h3 a{ color:#969696; width:90%; margin:0 auto 15px auto; padding:10px 0; font-size:1.2em; display:block; background:url("/public/images/default/selectIcon1.png") no-repeat scroll right 20px transparent;background-size: 13px 13px;}
	.wap_classify h3 a:hover{ text-decoration:none;}
    .xg-wap_classify{font-size: 0.8em;}
	/*分类弹窗*/
#overflow{width:100%; height:100%; position:fixed; top:0; left:0; background:#eee; z-index:9999; overflow:hidden; display:none;}
#overflow .toolbar{ height:45px; background: none repeat scroll 0 0 #131418;box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);box-sizing: border-box;line-height: 40px;position: relative;text-align: center;top: 0;width: 100%;z-index: 5;}
#overflow .toolbar .headTitle{color: #fff;display: inline-block;font-size: 20px;font-weight: bold;line-height: 43px;}
#overflow .toolbar span{ margin:10px 10px 0 0;}
#overflow .toolbar a{background:url("/public/images/default/nav-icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);background-position: 0 0;height: 17px;width: 14px; display:inline-block;}
#overflow .selectBox{box-sizing: border-box;height: 100%;left: 0;overflow-y: auto;padding: 60px 15px 15px;position: absolute;top: 0;width: 100%;z-index: 4;}
#overflow .selectBox ul.sList{background: none repeat scroll 0 0 #fff;border: 1px solid #e6e6e6;border-radius: 4px;box-sizing: border-box;clear: both;display: block;margin-bottom: 10px;overflow: hidden;width: 100%;}
#overflow .selectBox ul.sList li{border-top: 1px solid #e6e6e6;box-sizing: border-box;color: #484848;cursor: pointer;font-size: 15px;line-height: 24px;overflow: hidden;padding: 8px 10px 0;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
#overflow .selectBox ul.sList li a{border-color: #e6e6e6;color: #484848;display: block;font-size: 14px;font-weight: bold;line-height:35px;}
#overflow .selectBox ul.sList li.titleName{background: linear-gradient(#f4f3f3, #e3e3e3) repeat scroll 0 0 rgba(0, 0, 0, 0);border-bottom: 1px solid #e6e6e6;border-radius: 0;border-top: 1px solid #e6e6e6;color: #797979;font-size: 11px;font-weight: bold;height:auto;line-height: 23px;margin: 0px 0 -1px;padding:0 15px;text-transform: uppercase;}
#overflow .selectBox ul.sList li a.all{ color:#1769ff;}
.tab-pane select{ margin-right:5px;}
div.content p{ padding:5px 10px;}
/*div.content span{ padding:5px 10px;display: inline-block;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}*/
div.content span img{width: 100%}
div.tags-share{ padding:0 10px;}
/*Wap登录弹窗*/
#wapOverflow{width:100%; height:100%; position:fixed; top:0; left:0; z-index:999;background-color:#262626; opacity:0.8; overflow:hidden; display:none;}
.wapBoxLogin{width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; overflow:hidden; display:none;}
.wapBoxLogin .toolbar{ height:45px;box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);box-sizing: border-box;line-height: 40px;position: relative;text-align: center;top: 0;width: 100%;z-index: 5;}
.wapBoxLogin .toolbar a{background:url("../images/nav-icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);background-position: 0 0;height: 17px;width: 14px; display:inline-block;}
.wapBoxLogin .wLoginBox{ background:#fff;padding:18px 22px;}
.wapBoxLogin .wLoginBox .modalTab{ margin-bottom:0; width:99%;}
.wapBoxLogin .wLoginBox p{ margin-top:10px; text-align:center}
.wapBoxLogin .wLoginBox input{ width:100%; background:#fafafa; padding:12px 0; border:0 none;font-family:"微软雅黑"; color:#b4b4b4; text-align:center; font-size:1.5em;}
.wapBoxLogin .wLoginBox p a.forget{color:#7fc7df; font-size:1.2em;}
.wapBoxLogin .wLoginBox input.loginBtn{ background:#2b2b2b; color:#fff; cursor:pointer;}
.xg-article-cont{font-size: 13px;}
h1.xg-title{font-size: 1.2em;color: #505050;padding-left: 10px;padding-right: 10px;}
.xg-item-bg .item{background: none;float: none;width: 100%}
.xg-item-bg{-webkit-column-count: 2;-moz-column-count: 2;-column-count: 2;}
.right-fixed-box{
    position: fixed;
    right: 10px;
    width: 35px;
    margin-top: -52px;
    top: 75%;
    z-index: 999;
}
.right-fixed-box img{width: 100%;height: 100%;}

    .xg-user-address select{
        height: 38px !important;
        line-height: 38px !important;
        width: 170px !important;
        background: url(/public/images/default/icons.png) no-repeat 126px -724px !important;
    }

    .xg-user-address select#city{margin-left:25.5%; margin-top:10px;display:block}


}
.tempWrap{margin: 0 !important;}
@media screen and (min-width: 960px) {
    /*********************************/
    .right-fixed-box{
        position: fixed;
        right: 10px;
        margin-top: -75px;
        top: 50%;
        z-index: 999;
    }
    .right-fixed-box img{width: 100%;height: 100%;}
    /********************************/
    .xg-user-address select{
        height: 38px !important;
        line-height: 38px !important;
        width: 170px !important;
        background: url(/public/images/default/icons.png) no-repeat 126px -724px !important;
    }
    .edit-all-article,.edit-all-article-bg{
        display: none;
    }
}


@media screen and (max-width: 959px) {
    .edit-all-article{
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 20000;
        display: none;
    }
    .edit-all-article-bg
    {
        position: absolute;
        content: '';
        width: 100%;
        background: rgba(0,0,0,.5);
        z-index:19999;
        display: none;
    }
    .edit-all-article li
    {
        background-color:#fff;
        color: #363636;
        position: relative;
        border-bottom: 1px solid #E6E6E6;
    }

    .edit-all-article li a,.edit-all-article li a:hover
    {
        display: block;
        color: #949494;
        padding: 0 0.9375em;
    }

    .edit-all-article li a:hover
    {
        background-color: #fafafa;
    }

    .edit-all-article li.on::after
    {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        right: 10px;
        top: 50%;
        margin-top: -5px;
        background-color: #8BC43F;
    }
}
